<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Tab Demos</title>
	
	
<link  href="../jquery.ui.tabs.css" rel="stylesheet" type="text/css"  class="view-source"/>
	<link  href="../../../../themes/default/style.css" rel="stylesheet" class="view-source">
	<script src="../../../../scripts/jquery.js" type="text/javascript" class="view-source"></script>
	<script src="../../../../scripts/common.js" type="text/javascript" class="view-source"></script>
	<script src="../../../../scripts/browserfix.js" type="text/javascript"  class="view-source"></script>
	<script src="../../../../scripts/plugins/jquery.json.js" type="text/javascript" class="view-source"></script>
	
	<script src="../../../../scripts/plugins/jquery.ui.js" type="text/javascript" ></script>
		
	<script src="../jquery.ui.tabs.js" type="text/javascript" class="view-source"></script>
	<script src="../../demo.js"></script>
	<link href="../../demo.css" rel="stylesheet">
	
	
<script  class="view-source noparse">
	$(function(){
		$("#tabs-mtab").tabs( {
				tabs:[
					{label:'tab1',content:'mtabs-1'},
					{label:'tab2',content:'mtabs-1'},
					{label:'tab3',content:'mtabs-1'},
					{label:'tab4',content:'mtabs-1'},
					{label:'tab5',content:'mtabs-1'},
					{label:'tab6',content:'mtabs-1'},
					{label:'tab7',content:'mtabs-1'},
					{label:'tab8',content:'mtabs-1'},
					{label:'名称长度不一致',content:'mtabs-1'},
					{label:'tab10',content:'mtabs-1'},
					{label:'tab11',content:'mtabs-1'},
					{label:'tab12',content:'mtabs-1'},
					{label:'tab13',content:'mtabs-1'},
					{label:'tab14',content:'mtabs-1'},
					{label:'tab15',content:'mtabs-1'},
					{label:'tab16',content:'mtabs-1'},
					{label:'tab17',content:'mtabs-1'},
					{label:'tab18',content:'mtabs-1'},
					{label:'tab19',content:'mtabs-1'},
					{label:'tab20',content:'mtabs-1'},
					{label:'tab21',content:'mtabs-1'},
					{label:'tab22',content:'mtabs-1'},
					{label:'tab23',content:'mtabs-1'},
					{label:'tab24',content:'mtabs-1'}
				] ,
				height:'100px'
		});
	}) ;
</script>
</head>

<body style="padding:10px;">

	<div id="tabs-mtab" class="demo view-source">
		<div id="mtabs-1">
			<p>多标签...</p>
		</div>
	</div>
	
</body>
</html>